<?php

$pretend_site_is_full = false;

if ( $building_pretending_to_be_mobile ) {

	// Rudimentary detection of whether user is mobile, or on a laptop.
	$detect = strtolower($_SERVER['HTTP_USER_AGENT']);
	$full_site = 'http://staging.socialguides.com/scripts/scbm/template';
	
	if ( (strpos($detect, 'mobile')) == false )	{
		header("location: $full_site");
	}
}

?>

<html>

<head>
	<link href='http://fonts.googleapis.com/css?family=Ubuntu:light,regular,bold' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="mob_historic_tour_style.css">
	
	<script language="javascript">
		function GoToTour() {
			var URL = document.select_what_to_do.tour_list.options[document.select_what_to_do.tour_list.selectedIndex].value;
			window.location.href = URL;
		}
	
	</script>

</head>

<body>
<div id="mobile_frame">

	<div id="top_box">	<! Header box !>
		<! titlebar !>
		<! image !>
		<div id="top_graphic">
			<img src="images/img-county.png">
		</div>	
	</div>

		<div id="top_main_title">
			<div id="top_title_wrapper">
				<img src="images/header2.png">
			</div>
		</div>
		
	<! Body box !>
	<div id="body_box">
		<! subtitle !>
		<div id="body_main_title">
			<div id="body_title_wrapper">
				<span id="body_title_text">Historical Downtown</span>
			</div>
		</div>

		<! body !>
		<div>
			<div id="body_wrapper">
				<span id="body_text">
<p>
This tour takes you through the downtown district of Santa Cruz, highlighting the historical locations that makes this city one of the gems of old California.  But not all is old - when traveling around, be sure to notice the local stores & restaurants.

</p>
				</span>

				<div style="font-size:13px; margin-top:10px;">Tour Locations
					<dl name="tour_list" id="tour_list">
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Clocktower</a></li>
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Flatiron</a></li>
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Hotel St. George</a></li>
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Octagon</a></li>
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Fallen Angels</a></li>
						<dd><span style="font-size:11px; color:bc4f07; font-weight:bolder;">&gt; </span><a href="">Front Street Chinatown</a></li>
					</ul>
				</div>

			</div>
		</div>
	</div>

	<! Buttons box !>
	<div id="bottom_buttons_box">

		<! buttons wrapper !>
		<div>

			<form name="select_what_to_do" action="../">
			<! Tours !>
			<a class="bottom_buttons_links" href="tours">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_tours">
						<select class="what_to_do_dropdown" name="tours" onChange="location.href=this.options[this.selectedIndex].value">
							<option disabled=disabled>Tours</option>
							<option value="mob_template">Historic Downtown</option>
							<option value="mob_template">West Cliff Walk</option>
							<option value="mob_template">San Lorenzo River</option>
							<option value="mob_template">Pleasure Point</option>
						</select>
					</div>
				</div>
			</a>
		
			<! Topics !>
			<a class="bottom_buttons_links" href="topics">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_topics">
						<select class="what_to_do_dropdown" name="topics" onChange="message('This menu is not yet active.');">
							<option disabled=disabled>Topics</option>
							<option>Something else</option>
							<option>Something again</option>
						</select>
					</div>
				</div>
			</a>
		
			<! Nearby !>
			<a class="bottom_buttons_links" href="nearby">
				<div class="bottom_buttons_wrapper">
					<div id="bottom_button_nearby">
						<select class="what_to_do_dropdown" style="width:78px;" name="nearby" onChange="message('This menu is not yet active.');">
							<option disabled=disabled>Nearby</option>
							<option>Something nearest</option>
							<option>Something nearer</option>
							<option>Something near</option>
							<option>Something far</option>
						</select>
					</div>
				</div>
			</a>

			</form>		
		</div>


	</div>
</div>

</body>
</html>